<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>郑州图书馆预约系统</title>
</head>
<link href="css/basic.css" type="text/css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<%@include file="/views/jsp/shared/include/common.jsp"%>
<script type="text/javascript">
var directAccessRequestUrl = "${DirectAccessRequestUrl}";
var loginId = '${loginId}';
var loginStatus = '${loginStatus}';
Ext.onReady(function() {
	Ext.tip.QuickTipManager.init();
	if(loginStatus){
		Common.alert(LocaleUtil.getMessage('warrning'),LocaleUtil.getMessage('login.invalidPassword'));
	}
	
	document.LoginForm.id.focus();
});

function loginCheck(){
	var form = document.LoginForm;
	if(form.id.value == ''){
		return false;
	}
	if(form.pw.value == ''){
		return false;
	}
	form.submit();
}
</script>
</head>
<body>
<form name="LoginForm" method="POST" action="checkLogin.do">
<div id="wrap">
  <div id="wrap_login">
    <h1><img src="images/logo_login.png" alt="郑州图书馆" /></h1>
    <div class="content">
      <div class="img"> <img src="images/img_book.jpg" alt="" /> </div>
      <div class="login">
        <fieldset>
          <legend>LOGIN</legend>
          <div>
            <label id="label_id" for="id">账号 </label>
            <span>
            <input type="text" title="ID" id="id" name="id" maxlength="25" value="${loginId}"/>
            </span> </div>
          <div>
            <label id="label_pw" for="pw">密码</label>
            <span>
            <input type="password" title="PW" id="pw" name="pw" maxlength="16" onKeydown="javascript:if(event.keyCode == 13) loginCheck();" />
            </span> </div>
          <input type="button" value="LOGIN &gt;&gt;" class="btn_login" title="LOGIN" onclick="loginCheck()" />
        </fieldset>
      </div>
    </div>
  </div>
</div>
</form>
</body>
</html>